<template>
    <!-- html -->
     <div class="app"> 
        <h1>你好！</h1>
        <Person/>
     </div>
</template>

<script lang="ts">
import Person from './components/Person.vue'
// JS或TS
export default {
  name: 'App',//组件名
  components: { Person },//注册组件
}
</script>

<style>
/* 样式 */
.app { 
  /* 背景颜色 */
    background-color: rgb(255, 255, 255);
    /* 阴影 */
    box-shadow: 0 0px 10px;
    /* 圆角 */
    border-radius: 4px;
    padding: 20px; /* 内边距 */
}
</style>
